/**
 * @description 层叠样式单，主要配置main页面的样式
 * @author tonyTang
 */
body{
	background-color: #e4f1fc;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.content{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

/* 文本 */
.text-wrap{
	display: block;
}
#greetText{
	color: black;
	font-size: 24px;
	font-weight: bold;
	font-family: "楷体";
}

/* 按钮 */
.button-wrap{
	display: block;
	margin-top: 30px;
}
#turnToRed, #restore{
	background-color: #ff6e2b;
	color: black;
	font-size: 16px;
	font-weight: bold;
	font-family: "楷体";
	margin: 0 20px 0 20px;
	width: 8em;
	height: 2em;
	border-radius: 5px;
	border: none;
	outline: none;
	box-shadow: 0 6px 5px #fff;
}
#turnToRed:hover, #restore:hover{
	background-color: #ff5500;
	cursor: pointer;
}